<template>
	<view>test</view>
	<!-- <view class="content">
		<view class="box active">开始</view>
	</view> -->
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello',
				sel:false
			}
		},
		onLoad() {
			// uni.$ht.log(this.$api)
			this.$api.search({
				keywords:"海阔天空"
			}).then(res=>{
				console.log('全局',res);
			}).catch((err)=>{
				console.log('------',err); 
			})
		},
		methods: {
			active(){
				// this.sel = !this.sel
			}
		}
	}
</script>

<style>
	.text {
		
	}
	.content {
		width: 100%;
		height: 500px;
		background-color: #007AFF;
		overflow: hidden;
	}
	.box {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		background-color: #007AFF;
		margin: 50px auto;
		text-align: center;
		line-height: 50px;
		color: #ddd;
		font-size: 12px;
		box-shadow: -5px -5px 8px 0px rgba(255,255,255,0.3),5px 5px 8px 0px rgba(0,0,0,0.3);
		transition: all 0.2s;
	}
	.active:active {
		transition: all 0.2s;
		/* box-shadow: -2px -2px 5px 0px rgba(255,255,255,0.3) inset,2px 2px 5px 0px rgba(0,0,0,0.3) inset; */
		box-shadow: -2px -2px 2px 0px rgba(255,255,255,0.3),2px 2px 2px 0px rgba(0,0,0,0.3);
	}

</style>
